<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	/*每个页面公共css */
	// 弹性盒子
	.flex,.iflex {
	   display: -webkit-box;  /* Safari 6.1+ */
	   display: -ms-flexbox;  /* IE 10 */
	   display: flex;
		flex-direction: row !important;
	  &-y {
		flex-direction: column !important;
	  }
	
	  &-start {
		align-content: flex-start !important;
	  }
	
	  &-top {
		align-items: flex-start !important;
	  }
	
	  &-bottom {
		align-items: flex-end !important;
	  }
	
	  &-center {
		align-items: center !important;
	  }
	
	  &-baseline {
		align-items: baseline !important;
	  }
	
	  &-center-center {
		align-items: center !important;
		justify-content: center !important;
	  }
	
	  &-content-end {
		justify-content: flex-end !important;
	  }
	
	  &-content-center {
		justify-content: center !important;
	  }
	
	  &-between {
		justify-content: space-between !important;
	  }
	
	  &-around {
		justify-content: space-around !important;
	  }
	
	  &-evenly {
		justify-content: space-evenly !important;
	  }
	
	  &-wrap {
		flex-wrap: wrap !important;
	  }
	
	  &-children-center {
		align-self: center !important;
	  }
	
	  &-flex1 {
		flex: 1;
	  }
	
	  @for $i from 1 through 10 {
		& .flex-#{$i} {
		  flex: $i;
		}
	  }
	
	  // 
	  &-none {
		flex: none
	  }
	}
	.iflex{
		 display: inline-flex !important;
	}
		
	// 内外边距
	@for $i from -50 through 50 {
		 // 外边距
	  .m-t-#{$i} {
		margin-top: $i+rpx !important;
	  }
	  .m-l-#{$i} {
		margin-left: $i+rpx !important;
	  }
	  .m-b-#{$i} {
		margin-bottom: $i+rpx !important;
	  }
	  .m-r-#{$i} {
		margin-right: $i+rpx !important;
	  }
	  // 内边距
	  .p-t-#{$i} {
		padding-top: $i+rpx !important;
	  }
	  .p-l-#{$i} {
		padding-left: $i+rpx !important;
	  }
	  .p-b-#{$i} {
		padding-bottom: $i+rpx !important;
	  }
	  .p-r-#{$i} {
		padding-right: $i+rpx !important;
	  }
	}
		
	// 处理文本溢出
	.ellipsis{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;word-break: break-all;
		@for $i from 2 through 100
		{
			&.ellipsis-#{$i}{
				-webkit-line-clamp: $i;
			}
		}
		&-no{
			display: block;
		}
	}
</style>
